@import 'reset.css';
.g-doc {width: 7.5rem;margin: 0 auto;}
.enter-1{height: 3.69rem;background: url(../images/enter-1.jpg?111) no-repeat 0 0/cover;}
.enter-2{height: 5.05rem;background: url(../images/enter-2.jpg?111) no-repeat 0 0/cover;position: relative;margin-top: -0.01rem;}
.success.enter-2{background: url(../images/enter-2b.jpg?111) no-repeat 0 0/cover;}

.pdemo{width: 100%;text-align: center;font-size: .3rem;position: absolute;top:4.5rem;}


/* .success2 .succ{background: url(../images/succ2.png) no-repeat center top;} */
.enter-3{height: 4.41rem;background: url(../images/enter-3b.jpg?111) no-repeat 0 0/cover;position: relative;margin-top: -0.01rem;}
.enter-4{height: 5.61rem;background: url(../images/enter-4.jpg?1222) no-repeat 0 0/cover;margin-top: -0.01rem;}



.enter-2 .wrap{width: 6.7rem;height: 4.61rem;position: absolute;left:50%;margin-left: -3.35rem;top:0rem;}
.result{position: absolute;left:50%;transform: translateX(-50%);}

.que{width: 6.7rem;height: 4.61rem;background: url(../images/que.png?333) no-repeat center top/contain;top:0.02rem;display: none;}
.sorry{width: 6.7rem;height: 4.71rem;background: url(../images/sorry.png?333) no-repeat center top/contain;display: none;}
.succ{width: 6.7rem;height: 4.54rem;background: url(../images/succ.png?122) no-repeat center top/contain;top:0.55rem;display: none;}
.repeat{width: 6.7rem;height: 3.53rem;background: url(../images/repeat.png?1222) no-repeat center top/contain;top:0.75rem;display: none;}




.tips{width: 7.50rem;height: 10.23rem;background: url(../images/tips.png?22121) no-repeat center center/contain;position: fixed;top: 0.1rem;left: 50%;margin-left:-3.75rem;z-index: 10;display: none;}

.spc .ka{display: none;}
.g-doc.spc{height: 15rem;overflow: hidden;}

.num1{display: block;width: 1.42rem;line-height: .5rem;font-size: .26rem;position: absolute;left:2.75rem;top:0.06rem;letter-spacing: 0.02rem;text-align: center;}
.next{width:3.19rem;height: 0.75rem;background: url(../images/next.png?333) no-repeat 0 0/contain;position: absolute;top:3.6rem;left:1.69rem;}
.sub{width:3.19rem;height: 0.75rem;background: url(../images/sub.png?333) no-repeat 0 0/contain;position: absolute;top:3.6rem;left:1.69rem;display: none;}



.con{width: 6.7rem;height: 4.61rem;}
.box{width: 6.7rem;height: 4.61rem;position: relative;}

.num2{width: .8rem;height: .5rem;line-height: .5rem;font-size: .45rem;font-weight: 600;position: absolute;left:.88rem;top:.88rem;color:#410b1c}
.item{width: 4.3rem;height: 1.3rem;position: absolute;top:.72rem;left:1.88rem;}
.item p{line-height: .42rem;height: 1.3rem;font-size: .29rem;color:#410b1c;display: table-cell;vertical-align: middle;text-align: justify;letter-spacing: 0.01rem;}


.ans{width:6.7rem;line-height: .55rem;position: absolute;top:2.3rem;text-align: center;}
.ans div{line-height: .52rem;font-size: .28rem;display: inline-block;}
.ans .ansB{margin-left: .5rem;}
.ans span{display: inline-block;width: .52rem;height: .52rem;line-height: .52rem;font-size: .38rem;border-radius: 50%;text-align: center;margin-right: 0.06rem;}

div.sel span{background: #ffb01f;color:#fff;}
div.sel{color: #ffb01f}
div.sel.right{color: #0d8a45;}
div.sel.fake{color: #ec2f39;animation: move .5s linear infinite;}
div.sel.right span{background: #0ab858;}
div.sel.fake span{background: #ec2f39;animation: move .5s linear infinite;}

@keyframes move{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}



.sorry .btn_share{width: 2.8rem;height: 0.63rem;position: absolute;top:3.75rem;left: 0.43rem;}
.sorry .btn_check{width: 2.8rem;height: 0.63rem;position: absolute;top:3.75rem;left: 3.58rem;}





.succ .sum{width: 2rem;height: 0.5rem;position: absolute;left:3.85rem;top:0.25rem;line-height: 0.5rem;font-size: 0.39rem;color:#f19908}
.sum span{font-weight: 600;font-size: 0.6rem;}
.sorry .sum{width: 2rem;height: 0.5rem;position: absolute;left:3.8rem;top:0.9rem;line-height: 0.5rem;font-size: 0.39rem;color:#f19908}

.succ .quan{width: 1.39rem;height: 1.07rem;position: absolute;top:1.95rem;right:1rem;}
.statement{width: 3.8rem;line-height: 1.2;position: absolute;font-size: 0.23rem;left:2.2rem;top:3.25rem;color:#333;}
.statement span{color:#333;text-decoration:underline}
.statement .checkbox{display:block;width: 0.3rem;height: 0.3rem;position: absolute;left: -0.35rem;top:-0.02rem;}
.succ .btn_check{width: 4rem;height: 0.65rem;position: absolute;top:3.71rem;left: 50%;transform: translateX(-50%);}





.repeat .btn_share{width: 4rem;height: 0.65rem;position: absolute;top:2.36rem;left: 50%;transform: translateX(-50%);}



.fixed{width: 100%;height: 100%;background: rgba(0, 0, 0, .8);position: fixed;top: 0;left: 0;z-index: 5;display: none;}
.tips .close{width: 0.8rem;height: 0.8rem;position: absolute;bottom:0rem;left: 50%;transform: translateX(-50%);}
.tips .btn_share{width: 3.5rem;height: 0.8rem;position: absolute;top:6.05rem;left: 50%;transform: translateX(-50%);}



.pop_select{width: 6.46rem;height: 3.57rem;position: fixed;top:3rem;left: 50%;transform: translateX(-50%);background: url(../images/pop_select.png?22) no-repeat center center/contain;z-index: 10;display: none;}
.pop_select .close{width: 0.8rem;height: 0.8rem;position: absolute;top:5rem;left: 50%;transform: translateX(-50%);background: url(../images/icon-close.png?333) no-repeat center center/cover;}
.btn_get{width: 3.5rem;height: 0.8rem;position: absolute;top:2.09rem;left: 50%;transform: translateX(-50%);}
.model{width: 3.84rem;height: 0.59rem;position: absolute;top:.88rem;left: 2.22rem;font-size: .26rem;border: none;outline: none;text-indent:0.1rem;background: none;letter-spacing: 0.01rem;}



.pop_res{width: 6.56rem;height: 8.91rem;background: url(../images/pop_res.png?1999981) no-repeat center center/contain;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;display: none;}

.pop_res .close{width: 0.80rem;height: 0.80rem;position: absolute;bottom:0;left: 50%;transform: translateX(-50%);}





.scroll {width:6.1rem;height: 5.6rem;position: absolute;top:1.68rem;left:0.35rem;overflow:hidden;}
.scroll .mCSB_scrollTools {right: -0.42rem;top: 0;width: 0.56rem;height: 100%;}
.scroll .mCSB_dragger {width: 0.1rem;height:0.68rem;background:#f09c25;cursor: pointer;right:0.5rem;z-index: 10;border-radius:0.05rem}
.scroll .mCSB_draggerRail {width: 0.02rem;height: 5.6rem;background: #000;}
.scroll .mCSB_container {width: 5.38rem;}

.tit{width: 5.38rem;line-height: 1.5;font-size: .3rem;text-align: justify;margin-bottom: .1rem;}
.des{width: 5.38rem;}
.des .sp{display: inline-block;line-height: 2;font-size: .28rem;margin-right: .5rem;}

.scroll ul li{margin-bottom: .5rem;}
.tClass{color: #f09c25!important;}


.enter-3 .ka{width: 6.47rem;height: 4.48rem;background: url(../images/ka.png?333) no-repeat center 0/contain;position: absolute;left: 50%;transform: translateX(-50%);top:4.9rem}




















